<!doctype html>
<html><head> 
	<!-- Basic Page Needs -->
        <meta charset="utf-8">
        <title>Appcorner - Gallery</title>
        <meta name="description" content="A Template by Gozha.net">
        <meta name="keywords" content="HTML, CSS, JavaScript">
        <meta name="author" content="Gozha.net">

 
    <!-- Mobile Specific Metas--> 
    	<meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta content="telephone=no" name="format-detection">
    
    <!-- Fonts --> 
        <!-- SourceSansPro -->
        <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700,400italic' rel='stylesheet' type='text/css'>
        <!-- Icomoon -->
        <link href="css/icomoon.css" rel="stylesheet" />
        <!--  Font awesome 4-->
        <link href="css/font-awesome.css" rel="stylesheet" />
    
    <!-- Stylesheets --> 
    	
        <!-- Bootstrap 3 -->
    	<link href="http://netdna.bootstrapcdn.com/bootstrap/3.0.2/css/bootstrap.min.css" rel="stylesheet" />
        <!-- Mobile navigation menu-->
        <link href="css/gozha-nav.css" rel="stylesheet" />

    <!-- Page specific Stylesheets-->
        <!-- Swipebox (popup) -->
        <link href="css/swipebox.css" rel="stylesheet" />
        <!-- Pagination -->
        <link rel="stylesheet" href="css/jPages.css">
        <!-- Gallery change page amination -->
        <link rel="stylesheet" href="css/animate-switch.css">

        <!-- Custom -->
        <link href="css/base.css?v=1" rel="stylesheet" />
        <link href="css/style.css?v=1" rel="stylesheet" />
		
		<!-- Basic JavaScript-->
		<!-- Modernizr -->
		<script src="js/modernizr.custom.05768.js"></script>
    
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --> 
    <!--[if lt IE 9]> 
    	<script src="http://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7/html5shiv.js"></script> 
		<script src="http://cdnjs.cloudflare.com/ajax/libs/respond.js/1.3.0/respond.js"></script>		
    <![endif]-->
 
</head>

<body class='col-gallery'>
    <div class='wrapper'>
        <header class='header'>
            <div class='container'>
                <p class='call-number'>You can just call us <span>+1-888-555-5555</span></p>
                <!-- social icon -->
                <ul class='social-icon pull-right'>
                    <li><a href="#"><i class='icon-instagram'></i></a></li>
                    <li><a href="#"><i class='icon-dribbble'></i></a></li>
                    <li><a href="#"><i class='icon-tumblr'></i></a></li>
                    <li><a href="#"><i class='icon-linkedin'></i></a></li>
                    <li><a href="#"><i class='icon-pinterest'></i></a></li>
                    <li><a href="#"><i class='icon-googleplus'></i></a></li>
                    <li><a href="#"><i class='icon-facebook'></i></a></li>
                    <li><a href="#"><i class='icon-twitter'></i></a></li>
                </ul><!-- end of social icon list -->

                <div class='top-navigation'>
                  <div class="navigation-front">
                    <a href="index.html" class='logo'>AppCorner</a>
                    <div id="navigation-box">
                        <a href="#" id="navigation-toggle">
                            <span class="menu-icon"></span>
                        </a> 
                        <ul id="navigation" class="hover-link">
                            <li>
                                <span class="sub-nav-toggle plus"></span>
                                <a href="#" data-hover='Home'>Home</a>
                                <ul>
                                    <li><a href="homepage1.html">Revolution Slider</a></li>
                                    <li><a href="homepage2.html">OneByOne Slider</a></li>
                                    <li><a href="homepage3.html">BxSlider</a></li>
                                    <li><a href="homepage4.html">FlexSlider</a></li>
                                    <li><a href="full-width-slider.html">Full Width</a></li>
                                    <li><a href="index.html">Video Slider</a></li>

                                </ul>
                            </li>
                            <li>
                                <span class="sub-nav-toggle plus"></span>
                                <a href="#" data-hover='Pages'>Pages</a>
                                <ul>
                                    <li><a href="about.html">About</a></li>
                                    <li><a href="single-employee.html">Single employee</a></li>
                                    <li><a href="service.html">Services</a></li>
                                    <li><a href="single-service.html">Single service</a></li>
                                    <li><a href="price.html">Price</a></li>
                                    <li><a href="page-element.html">Page elements</a></li>
                                    <li><a href="typography.html">Typography</a></li>
                                    <li><a href="icon-font-1.html">Icons - Font awesome</a></li>
                                    <li><a href="icon-font-2.html">Icons - Icomoon</a></li>
                                    <li><a href="login.html">Login</a></li>
                                    <li><a href="support.html">Support</a></li>
                                    <li><a href="coming-soon.html">Coming soon</a></li>
                                    <li><a href="404.html">404 error</a></li>

                                </ul>
                            </li>

                            <li class="visible-lg">
                               <span class="sub-nav-toggle plus"></span>
                               <a href="#" data-hover='Mega Menu'>Mega Menu</a>
                               <ul class="mega-menu">
                                  <li class="col-md-6">
                                    <div class="mega-menu-text">
                                        <h4>About Us</h4>
                                        <div class="image-wrap">
                                           <img alt='' src="http://placehold.it/420x420">
                                        </div>
                                        <div>
                                            <p>Morbi sit amet erat ut purus sagittis rutrum. Quisque ac porttitor massa. Maecenas sem magna, dignissim eu venenatis nec, cursus quis massa. 
                                                <br>
                                                <br>
                                            Sed et est tempor mi mollis suscipit sit amet et nulla. Morbi fringilla, quam eget blandit ornare, ipsum metus volutpat felis, eget cursus eros nulla nec purus.</p>        
                                        </div>
                                      </div>
                                  </li>
                                  <li class="col-md-6">
                                    <div class="mega-menu-item">
                                      <ul class="col-md-3">
                                        <li class="heading"><h4>Pages</h4></li>
                                        <li><a href="index.html">Home</a></li>
                                        <li><a href="about.html">About</a></li>
                                        <li><a href="single-employee.html">Single employee</a></li>
                                        <li><a href="service.html">Services</a></li>
                                        <li><a href="single-service.html">Single service</a></li>
                                        <li><a href="price.html">Price</a></li>
                                        <li><a href="page-element.html">Page elements</a></li>
                                      </ul>

                                      <ul class="col-md-3">
                                        <li class="empty"><div></div></li>
                                        <li><a href="typography.html">Typography</a></li>
                                        <li><a href="icon-font-2.html">Icons</a></li>
                                        <li><a href="coming-soon.html">Coming soon</a></li>
                                        <li><a href="404.html">404 error</a></li>
                                        <li><a href="login.html">Login</a></li>
                                        <li><a href="support.html">Support</a></li>
                                        <li><a href="contact.html">Contact</a></li>
                                      </ul>

                                      <ul class="col-md-3">
                                        <li class="heading"><h4>Gallery</h4></li>
                                        <li><a href="gallery-random.html">Random</a></li>
                                        <li><a href="gallery-three-columns.html">3 columns</a></li>
                                        <li><a href="gallery-two-columns.html">2 columns</a></li>
                                      </ul>

                                      <ul class="col-md-3">
                                        <li class="heading"><h4>Blog</h4></li>
                                        <li><a href="blog-style-one.html">Style 1</a></li>
                                        <li><a href="blog-style-two.html">Style 2</a></li>
                                        <li><a href="blog-style-three.html">Style 3</a></li>
                                        <li><a href="single-post.html">Post</a></li>
                                        <li><a href="single-post-two.html">Post style 2</a></li>
                                      </ul>
                                      </div>
                                  </li>
                               </ul>
                            </li>
                            <li>
                                <span class="sub-nav-toggle plus"></span>
                                <a href="gallery-random.html" data-hover='Gallery' class='active'>Gallery</a>
                                <ul>
                                    <li><a href="gallery-random.html">Gallery random</a></li>
                                    <li><a href="gallery-three-columns.html">Gallery 3 columns</a></li>
                                    <li><a href="gallery-two-columns.html">Gallery 2 columns</a></li>
                                    <li><a href="gallery-three-columns-iso.html">Gallery 3 columns sorted</a></li>
                                    <li><a href="gallery-two-columns-iso.html">Gallery 2 columns sorted</a></li>
                                </ul>
                            </li>
                            <li>
                                <span class="sub-nav-toggle plus"></span>
                                <a href="blog-style-one.html" data-hover='Blog'>Blog</a>
                                <ul>
                                    <li><a href="blog-style-one.html">Blog style 1</a></li>
                                    <li><a href="blog-style-two.html">Blog style 2</a></li>
                                    <li><a href="blog-style-three.html">Blog style 3</a></li>
                                    <li><a href="blog-audio.html">Audio blog</a></li>
                                    <li><a href="blog-video.html">Video blog</a></li>
                                    <li><a href="single-post.html">Single post</a></li>
                                    <li><a href="single-post-two.html">Single post style 2</a></li>
                                </ul>
                            </li>

                            <li>
                                <span class="sub-nav-toggle plus"></span>
                                <a href="shop-sidebar.html" data-hover='Shop'>Shop</a>
                                <ul>
                                    <li><a href="shop-sidebar.html">Shop with sidebar</a></li>
                                    <li><a href="shop-full.html">Shop fullwidth</a></li>
                                    <li><a href="single-product-sidebar.html">Single product sidebar</a></li>
                                    <li><a href="single-product-full.html">Single product fullwidth</a></li>
                                    <li><a href="checkout.html">Checkout</a></li>
                                    <li><a href="shopping-cart.html">Shopping cart</a></li>
                                </ul>
                            </li>
                            
                            <li><a href="contact.html" data-hover='Contact'>Contact</a></li>
                        </ul>
                  </div>
                </div>
              </div>

                <div class='main-zone'>
                    <div class="corner"></div>
                    <div class='corner-line'></div>
                    
                   <div class='current-page'>
                      <hr class="top-devider" />
                        <h1>Gallery 2 col</h1>
                        <ol class="breadcrumb">
                          <li><a href="index.html">home</a></li>
                          <li class="active">gallery</li>
                        </ol>
                   </div>
                </div>
            </div>
        </header>

        <section class="container gallery-holder waypoint" data-animate-up="nav-strict" data-animate-down="nav-show">
            <ul id="filters">
              <li><a href='#' id="all" class="active-filter">all</a></li>
              <li><a href='#' id="design">design</a></li>
              <li><a href='#' id="illustrations">illustrations</a></li>
              <li><a href='#' id="html">html</a></li>
              <li><a href='#' id="wordpress">wordpress</a></li>
            </ul>

            <ul id='column-gallery' class="column-gallery">

                    <li class="gallery-item col-sm-6">
                        <div class="item">
                            <a href='http://placehold.it/2160x1440' class='image-wrap swipebox col-md-8'>
                                <img alt='' src="http://placehold.it/580x580">
                            </a>
                            <div class="col-md-4">
                                <div class="date-wrap">
                                    <p class="upload-date">Jun 25</p>
                                </div>
                                <div class="image-describe">
                                    <a href='http://placehold.it/2160x1440' class="image-title"><p>Sed lacinia molestie velit </p></a>
                                    <a href='#'><small>category</small></a>
                                    <a href="#" class="share-btn">share</a>
                                    <div class="addthis_toolbox addthis_default_style addthis_32x32_style">
                                        <a class="addthis_button_facebook"></a>
                                        <a class="addthis_button_twitter"></a>
                                        <a class="addthis_button_google_plusone_share"></a>
                                        <a class="addthis_button_pinterest_share"></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>

                    <li class="gallery-item col-sm-6 design">
                        <div class="item">
                            <a href='http://placehold.it/2160x1440' class='image-wrap swipebox col-md-8'>
                                <img alt='' src="http://placehold.it/580x580">
                            </a>
                            <div class="col-md-4">
                                <div class="date-wrap">
                                    <p class="upload-date">Jun 25</p>
                                </div>
                                <div class="image-describe">
                                    <a href='http://placehold.it/2160x1440' class="image-title"><p>Duis a elit purus </p></a>
                                    <a href='#'><small>design</small></a>
                                    <a href="#" class="share-btn">share</a>
                                    <div class="addthis_toolbox addthis_default_style addthis_32x32_style">
                                        <a class="addthis_button_facebook"></a>
                                        <a class="addthis_button_twitter"></a>
                                        <a class="addthis_button_google_plusone_share"></a>
                                        <a class="addthis_button_pinterest_share"></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>

                    <div class="clearfix"></div>

                    
                     <li class="gallery-item col-sm-6 illustrations">
                        <div class="item">
                            <a href='http://placehold.it/2160x1440' class='image-wrap swipebox col-md-8'>
                                <img alt='' src="http://placehold.it/580x580">
                            </a>
                            <div class="col-md-4">
                                <div class="date-wrap">
                                    <p class="upload-date">Jun 25</p>
                                </div>
                                <div class="image-describe">
                                    <a href='http://placehold.it/2160x1440' class="image-title"><p>Cras imperdiet est elit </p></a>
                                    <a href='#'><small>illustrations</small></a>
                                    <a href="#" class="share-btn">share</a>
                                    <div class="addthis_toolbox addthis_default_style addthis_32x32_style">
                                        <a class="addthis_button_facebook"></a>
                                        <a class="addthis_button_twitter"></a>
                                        <a class="addthis_button_google_plusone_share"></a>
                                        <a class="addthis_button_pinterest_share"></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>

                    <li class="gallery-item col-sm-6 html">
                        <div class="item">
                            <a href='http://placehold.it/2160x1440' class='image-wrap swipebox col-md-8'>
                                <img alt='' src="http://placehold.it/580x580">
                            </a>
                            <div class="col-md-4">
                                <div class="date-wrap">
                                    <p class="upload-date">Jun 25</p>
                                </div>
                                <div class="image-describe">
                                    <a href='http://placehold.it/2160x1440' class="image-title"><p>Sed condimentum magna </p></a>
                                    <a href='#'><small>html</small></a>
                                    <a href="#" class="share-btn">share</a>
                                    <div class="addthis_toolbox addthis_default_style addthis_32x32_style">
                                        <a class="addthis_button_facebook"></a>
                                        <a class="addthis_button_twitter"></a>
                                        <a class="addthis_button_google_plusone_share"></a>
                                        <a class="addthis_button_pinterest_share"></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>

                    <div class="clearfix"></div>

                     <li class="gallery-item col-sm-6 wordpress">
                        <div class="item">
                            <a href='http://placehold.it/2160x1440' class='image-wrap swipebox col-md-8'>
                                <img alt='' src="http://placehold.it/580x580">
                            </a>
                            <div class="col-md-4">
                                <div class="date-wrap">
                                    <p class="upload-date">Jun 25</p>
                                </div>
                                <div class="image-describe">
                                    <a href='http://placehold.it/2160x1440' class="image-title"><p>Title goes here </p></a>
                                    <a href='#'><small>wordpress</small></a>
                                    <a href="#" class="share-btn">share</a>
                                    <div class="addthis_toolbox addthis_default_style addthis_32x32_style">
                                        <a class="addthis_button_facebook"></a>
                                        <a class="addthis_button_twitter"></a>
                                        <a class="addthis_button_google_plusone_share"></a>
                                        <a class="addthis_button_pinterest_share"></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>

                    <li class="gallery-item col-sm-6 design">
                        <div class="item">
                            <a href='http://placehold.it/2160x1440' class='image-wrap swipebox col-md-8'>
                                <img alt='' src="http://placehold.it/580x580">
                            </a>
                            <div class="col-md-4">
                                <div class="date-wrap">
                                    <p class="upload-date">Jun 25</p>
                                </div>
                                <div class="image-describe">
                                    <a href='http://placehold.it/2160x1440' class="image-title"><p>Title goes here </p></a>
                                    <a href='#'><small>design</small></a>
                                    <a href="#" class="share-btn">share</a>
                                    <div class="addthis_toolbox addthis_default_style addthis_32x32_style">
                                        <a class="addthis_button_facebook"></a>
                                        <a class="addthis_button_twitter"></a>
                                        <a class="addthis_button_google_plusone_share"></a>
                                        <a class="addthis_button_pinterest_share"></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>

                    <div class="clearfix"></div>

                    <li class="gallery-item col-sm-6 html">
                        <div class="item">
                            <a href='http://placehold.it/2160x1440' class='image-wrap swipebox col-md-8'>
                                <img alt='' src="http://placehold.it/580x580">
                            </a>
                            <div class="col-md-4">
                                <div class="date-wrap">
                                    <p class="upload-date">Jun 25</p>
                                </div>
                                <div class="image-describe">
                                    <a href='http://placehold.it/2160x1440' class="image-title"><p>Title goes here </p></a>
                                    <a href='#'><small>html</small></a>
                                    <a href="#" class="share-btn">share</a>
                                    <div class="addthis_toolbox addthis_default_style addthis_32x32_style">
                                        <a class="addthis_button_facebook"></a>
                                        <a class="addthis_button_twitter"></a>
                                        <a class="addthis_button_google_plusone_share"></a>
                                        <a class="addthis_button_pinterest_share"></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>

                    <li class="gallery-item col-sm-6 design">
                        <div class="item">
                            <a href='http://placehold.it/2160x1440' class='image-wrap swipebox col-md-8'>
                                <img alt='' src="http://placehold.it/580x580">
                            </a>
                            <div class="col-md-4">
                                <div class="date-wrap">
                                    <p class="upload-date">Jun 25</p>
                                </div>
                                <div class="image-describe">
                                    <a href='http://placehold.it/2160x1440' class="image-title"><p>Title goes here </p></a>
                                    <a href='#'><small>design</small></a>
                                    <a href="#" class="share-btn">share</a>
                                    <div class="addthis_toolbox addthis_default_style addthis_32x32_style">
                                        <a class="addthis_button_facebook"></a>
                                        <a class="addthis_button_twitter"></a>
                                        <a class="addthis_button_google_plusone_share"></a>
                                        <a class="addthis_button_pinterest_share"></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>

                    <div class="clearfix"></div>
                    
                    <li class="gallery-item col-sm-6 design">
                        <div class="item">
                            <a href='http://placehold.it/2160x1440' class='image-wrap swipebox col-md-8'>
                                <img alt='' src="http://placehold.it/580x580">
                            </a>
                            <div class="col-md-4">
                                <div class="date-wrap">
                                    <p class="upload-date">Jun 25</p>
                                </div>
                                <div class="image-describe">
                                    <a href='http://placehold.it/2160x1440' class="image-title"><p>Title goes here </p></a>
                                    <a href='#'><small>design</small></a>
                                    <a href="#" class="share-btn">share</a>
                                    <div class="addthis_toolbox addthis_default_style addthis_32x32_style">
                                        <a class="addthis_button_facebook"></a>
                                        <a class="addthis_button_twitter"></a>
                                        <a class="addthis_button_google_plusone_share"></a>
                                        <a class="addthis_button_pinterest_share"></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>

                    <li class="gallery-item col-sm-6 wordpress">
                        <div class="item">
                            <a href='http://placehold.it/2160x1440' class='image-wrap swipebox col-md-8'>
                                <img alt='' src="http://placehold.it/580x580">
                            </a>
                            <div class="col-md-4">
                                <div class="date-wrap">
                                    <p class="upload-date">Jun 25</p>
                                </div>
                                <div class="image-describe">
                                    <a href='http://placehold.it/2160x1440' class="image-title"><p>Title goes here </p></a>
                                    <a href='#'><small>wordpress</small></a>
                                    <a href="#" class="share-btn">share</a>
                                    <div class="addthis_toolbox addthis_default_style addthis_32x32_style">
                                        <a class="addthis_button_facebook"></a>
                                        <a class="addthis_button_twitter"></a>
                                        <a class="addthis_button_google_plusone_share"></a>
                                        <a class="addthis_button_pinterest_share"></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>

                    <div class="clearfix"></div>

                    <li class="gallery-item col-sm-6 html">
                        <div class="item">
                            <a href='http://placehold.it/2160x1440' class='image-wrap swipebox col-md-8'>
                                <img alt='' src="http://placehold.it/580x580">
                            </a>
                            <div class="col-md-4">
                                <div class="date-wrap">
                                    <p class="upload-date">Jun 25</p>
                                </div>
                                <div class="image-describe">
                                    <a href='http://placehold.it/2160x1440'  class="image-title"><p>Title goes here </p></a>
                                    <a href='#'><small>html</small></a>
                                    <a href="#" class="share-btn">share</a>
                                    <div class="addthis_toolbox addthis_default_style addthis_32x32_style">
                                        <a class="addthis_button_facebook"></a>
                                        <a class="addthis_button_twitter"></a>
                                        <a class="addthis_button_google_plusone_share"></a>
                                        <a class="addthis_button_pinterest_share"></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>

                    <li class="gallery-item col-sm-6">
                        <div class="item">
                            <a href='http://placehold.it/2160x1440' class='image-wrap swipebox col-md-8'>
                                <img alt='' src="http://placehold.it/580x580">
                            </a>
                            <div class="col-md-4">
                                <div class="date-wrap">
                                    <p class="upload-date">Jun 25</p>
                                </div>
                                <div class="image-describe">
                                   <a href='http://placehold.it/2160x1440'  class="image-title"> <p>Title goes here </p></a>
                                    <a href='#'><small>category</small></a>
                                    <a href="#" class="share-btn">share</a>
                                    <div class="addthis_toolbox addthis_default_style addthis_32x32_style">
                                        <a class="addthis_button_facebook"></a>
                                        <a class="addthis_button_twitter"></a>
                                        <a class="addthis_button_google_plusone_share"></a>
                                        <a class="addthis_button_pinterest_share"></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>

                    <div class="clearfix"></div>

                    <li class="gallery-item col-sm-6 design">
                        <div class="item">
                            <a href='http://placehold.it/2160x1440' class='image-wrap swipebox col-md-8'>
                                <img alt='' src="http://placehold.it/580x580">
                            </a>
                            <div class="col-md-4">
                                <div class="date-wrap">
                                    <p class="upload-date">Jun 25</p>
                                </div>
                                <div class="image-describe">
                                    <a href='http://placehold.it/2160x1440' class="image-title"><p>Title goes here </p></a>
                                    <a href='#'><small>design</small></a>
                                    <a href="#" class="share-btn">share</a>
                                    <div class="addthis_toolbox addthis_default_style addthis_32x32_style">
                                        <a class="addthis_button_facebook"></a>
                                        <a class="addthis_button_twitter"></a>
                                        <a class="addthis_button_google_plusone_share"></a>
                                        <a class="addthis_button_pinterest_share"></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>

                    <li class="gallery-item col-sm-6 html">
                        <div class="item">
                            <a href='http://placehold.it/2160x1440' class='image-wrap swipebox col-md-8'>
                                <img alt='' src="http://placehold.it/580x580">
                            </a>
                            <div class="col-md-4">
                                <div class="date-wrap">
                                    <p class="upload-date">Jun 25</p>
                                </div>
                                <div class="image-describe">
                                    <a href='http://placehold.it/2160x1440' class="image-title"><p>Title goes here </p></a>
                                    <a href='#'><small>html</small></a>
                                    <a href="#" class="share-btn">share</a>
                                    <div class="addthis_toolbox addthis_default_style addthis_32x32_style">
                                        <a class="addthis_button_facebook"></a>
                                        <a class="addthis_button_twitter"></a>
                                        <a class="addthis_button_google_plusone_share"></a>
                                        <a class="addthis_button_pinterest_share"></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>

                    <div class="clearfix"></div>

                    <li class="gallery-item col-sm-6 html">
                        <div class="item">
                            <a href='http://placehold.it/2160x1440' class='image-wrap swipebox col-md-8'>
                                <img alt='' src="http://placehold.it/580x580">
                            </a>
                            <div class="col-md-4">
                                <div class="date-wrap">
                                    <p class="upload-date">Jun 25</p>
                                </div>
                                <div class="image-describe">
                                    <a href='http://placehold.it/2160x1440' class="image-title"><p>Title goes here </p></a>
                                    <a href='#'><small>html</small></a>
                                    <a href="#" class="share-btn">share</a>
                                    <div class="addthis_toolbox addthis_default_style addthis_32x32_style">
                                        <a class="addthis_button_facebook"></a>
                                        <a class="addthis_button_twitter"></a>
                                        <a class="addthis_button_google_plusone_share"></a>
                                        <a class="addthis_button_pinterest_share"></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>

                    <li class="gallery-item col-sm-6 illustrations">
                        <div class="item">
                            <a href='http://placehold.it/2160x1440' class='image-wrap swipebox col-md-8'>
                                <img alt='' src="http://placehold.it/580x580">
                            </a>
                            <div class="col-md-4">
                                <div class="date-wrap">
                                    <p class="upload-date">Jun 25</p>
                                </div>
                                <div class="image-describe">
                                    <a href='http://placehold.it/2160x1440' class="image-title"><p>Title goes here </p></a>
                                    <a href='#'><small>illustrations</small></a>
                                    <a href="#" class="share-btn">share</a>
                                    <div class="addthis_toolbox addthis_default_style addthis_32x32_style">
                                        <a class="addthis_button_facebook"></a>
                                        <a class="addthis_button_twitter"></a>
                                        <a class="addthis_button_google_plusone_share"></a>
                                        <a class="addthis_button_pinterest_share"></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>

                    <div class="clearfix"></div>

                    <li class="gallery-item col-sm-6 design">
                        <div class="item">
                            <a href='http://placehold.it/2160x1440' class='image-wrap swipebox col-md-8'>
                                <img alt='' src="http://placehold.it/580x580">
                            </a>
                            <div class="col-md-4">
                                <div class="date-wrap">
                                    <p class="upload-date">Jun 25</p>
                                </div>
                                <div class="image-describe">
                                    <a href='http://placehold.it/2160x1440' class="image-title"><p>Title goes here </p></a>
                                    <a href='#'><small>category</small></a>
                                    <a href="#" class="share-btn">share</a>
                                    <div class="addthis_toolbox addthis_default_style addthis_32x32_style">
                                        <a class="addthis_button_facebook"></a>
                                        <a class="addthis_button_twitter"></a>
                                        <a class="addthis_button_google_plusone_share"></a>
                                        <a class="addthis_button_pinterest_share"></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>

                    <li class="gallery-item col-sm-6 design">
                        <div class="item">
                            <a href='http://placehold.it/2160x1440' class='image-wrap swipebox col-md-8'>
                                <img alt='' src="http://placehold.it/580x580">
                            </a>
                            <div class="col-md-4">
                                <div class="date-wrap">
                                    <p class="upload-date">Jun 25</p>
                                </div>
                                <div class="image-describe">
                                    <a href='http://placehold.it/2160x1440' class="image-title"><p>Title goes here </p></a>
                                    <a href='#'><small>category</small></a>
                                    <a href="#" class="share-btn">share</a>
                                    <div class="addthis_toolbox addthis_default_style addthis_32x32_style">
                                        <a class="addthis_button_facebook"></a>
                                        <a class="addthis_button_twitter"></a>
                                        <a class="addthis_button_google_plusone_share"></a>
                                        <a class="addthis_button_pinterest_share"></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>

                    <div class="clearfix"></div>

                    <li class="gallery-item col-sm-6 design">
                        <div class="item">
                            <a href='http://placehold.it/2160x1440' class='image-wrap swipebox col-md-8'>
                                <img alt='' src="http://placehold.it/580x580">
                            </a>
                            <div class="col-md-4">
                                <div class="date-wrap">
                                    <p class="upload-date">Jun 25</p>
                                </div>
                                <div class="image-describe">
                                    <a href='http://placehold.it/2160x1440' class="image-title"><p>Title goes here </p></a>
                                    <a href='#'><small>category</small></a>
                                    <a href="#" class="share-btn">share</a>
                                    <div class="addthis_toolbox addthis_default_style addthis_32x32_style">
                                        <a class="addthis_button_facebook"></a>
                                        <a class="addthis_button_twitter"></a>
                                        <a class="addthis_button_google_plusone_share"></a>
                                        <a class="addthis_button_pinterest_share"></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>

                    <li class="gallery-item col-sm-6 design">
                        <div class="item">
                            <a href='http://placehold.it/2160x1440' class='image-wrap swipebox col-md-8'>
                                <img alt='' src="http://placehold.it/580x580">
                            </a>
                            <div class="col-md-4">
                                <div class="date-wrap">
                                    <p class="upload-date">Jun 25</p>
                                </div>
                                <div class="image-describe">
                                    <a href='http://placehold.it/2160x1440' class="image-title"><p>Title goes here </p></a>
                                    <a href='#'><small>category</small></a>
                                    <a href="#" class="share-btn">share</a>
                                    <div class="addthis_toolbox addthis_default_style addthis_32x32_style">
                                        <a class="addthis_button_facebook"></a>
                                        <a class="addthis_button_twitter"></a>
                                        <a class="addthis_button_google_plusone_share"></a>
                                        <a class="addthis_button_pinterest_share"></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>

                    <div class="clearfix"></div>

                    <li class="gallery-item col-sm-6 wordpress">
                        <div class="item">
                            <a href='http://placehold.it/2160x1440' class='image-wrap swipebox col-md-8'>
                                <img alt='' src="http://placehold.it/580x580">
                            </a>
                            <div class="col-md-4">
                                <div class="date-wrap">
                                    <p class="upload-date">Jun 25</p>
                                </div>
                                <div class="image-describe">
                                    <a href='http://placehold.it/2160x1440' class="image-title"><p>Title goes here </p></a>
                                    <a href='#'><small>wordpress</small></a>
                                    <a href="#" class="share-btn">share</a>
                                    <div class="addthis_toolbox addthis_default_style addthis_32x32_style">
                                        <a class="addthis_button_facebook"></a>
                                        <a class="addthis_button_twitter"></a>
                                        <a class="addthis_button_google_plusone_share"></a>
                                        <a class="addthis_button_pinterest_share"></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>

                    <li class="gallery-item col-sm-6 html">
                        <div class="item">
                            <a href='http://placehold.it/2160x1440' class='image-wrap swipebox col-md-8'>
                                <img alt='' src="http://placehold.it/580x580">
                            </a>
                            <div class="col-md-4">
                                <div class="date-wrap">
                                    <p class="upload-date">Jun 25</p>
                                </div>
                                <div class="image-describe">
                                    <a href='http://placehold.it/2160x1440' class="image-title"><p>Title goes here </p></a>
                                    <a href='#'><small>html</small></a>
                                    <a href="#" class="share-btn">share</a>
                                    <div class="addthis_toolbox addthis_default_style addthis_32x32_style">
                                        <a class="addthis_button_facebook"></a>
                                        <a class="addthis_button_twitter"></a>
                                        <a class="addthis_button_google_plusone_share"></a>
                                        <a class="addthis_button_pinterest_share"></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>

                    <div class="clearfix"></div>

                    <li class="gallery-item col-sm-6 wordpress">
                        <div class="item">
                            <a href='http://placehold.it/2160x1440' class='image-wrap swipebox col-md-8'>
                                <img alt='' src="http://placehold.it/580x580">
                            </a>
                            <div class="col-md-4">
                                <div class="date-wrap">
                                    <p class="upload-date">Jun 25</p>
                                </div>
                                <div class="image-describe">
                                    <a href='http://placehold.it/2160x1440' class="image-title"><p>Title goes here </p></a>
                                    <a href='#'><small>wordpress</small></a>
                                    <a href="#" class="share-btn">share</a>
                                    <div class="addthis_toolbox addthis_default_style addthis_32x32_style">
                                        <a class="addthis_button_facebook"></a>
                                        <a class="addthis_button_twitter"></a>
                                        <a class="addthis_button_google_plusone_share"></a>
                                        <a class="addthis_button_pinterest_share"></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>

                    <li class="gallery-item col-sm-6 design">
                        <div class="item">
                            <a href='http://placehold.it/2160x1440' class='image-wrap swipebox col-md-8'>
                                <img alt='' src="http://placehold.it/580x580">
                            </a>
                            <div class="col-md-4">
                                <div class="date-wrap">
                                    <p class="upload-date">Jun 25</p>
                                </div>
                                <div class="image-describe">
                                    <a href='http://placehold.it/2160x1440' class="image-title"><p>Title goes here </p></a>
                                    <a href='#'><small>category</small></a>
                                    <a href="#" class="share-btn">share</a>
                                    <div class="addthis_toolbox addthis_default_style addthis_32x32_style">
                                        <a class="addthis_button_facebook"></a>
                                        <a class="addthis_button_twitter"></a>
                                        <a class="addthis_button_google_plusone_share"></a>
                                        <a class="addthis_button_pinterest_share"></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>

                    <div class="clearfix"></div>

                    <li class="gallery-item col-sm-6 design">
                        <div class="item">
                            <a href='http://placehold.it/2160x1440' class='image-wrap swipebox col-md-8'>
                                <img alt='' src="http://placehold.it/580x580">
                            </a>
                            <div class="col-md-4">
                                <div class="date-wrap">
                                    <p class="upload-date">Jun 25</p>
                                </div>
                                <div class="image-describe">
                                    <a href='http://placehold.it/2160x1440' class="image-title"><p>Title goes here </p></a>
                                    <a href='#'><small>category</small></a>
                                    <a href="#" class="share-btn">share</a>
                                    <div class="addthis_toolbox addthis_default_style addthis_32x32_style">
                                        <a class="addthis_button_facebook"></a>
                                        <a class="addthis_button_twitter"></a>
                                        <a class="addthis_button_google_plusone_share"></a>
                                        <a class="addthis_button_pinterest_share"></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>

                    <li class="gallery-item col-sm-6 illustrations">
                        <div class="item">
                            <a href='http://placehold.it/2160x1440' class='image-wrap swipebox col-md-8'>
                                <img alt='' src="http://placehold.it/580x580">
                            </a>
                            <div class="col-md-4">
                                <div class="date-wrap">
                                    <p class="upload-date">Jun 25</p>
                                </div>
                                <div class="image-describe">
                                    <a href='http://placehold.it/2160x1440' class="image-title"><p>Title goes here </p></a>
                                    <a href='#'><small>illustrations</small></a>
                                    <a href="#" class="share-btn">share</a>
                                    <div class="addthis_toolbox addthis_default_style addthis_32x32_style">
                                        <a class="addthis_button_facebook"></a>
                                        <a class="addthis_button_twitter"></a>
                                        <a class="addthis_button_google_plusone_share"></a>
                                        <a class="addthis_button_pinterest_share"></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>

                    <div class="clearfix"></div>

                    <li class="gallery-item col-sm-6 design">
                        <div class="item">
                            <a href='http://placehold.it/2160x1440' class='image-wrap swipebox col-md-8'>
                                <img alt='' src="http://placehold.it/580x580">
                            </a>
                            <div class="col-md-4">
                                <div class="date-wrap">
                                    <p class="upload-date">Jun 25</p>
                                </div>
                                <div class="image-describe">
                                    <a href='http://placehold.it/2160x1440' class="image-title"><p>Title goes here </p></a>
                                    <a href='#'><small>design</small></a>
                                    <a href="#" class="share-btn">share</a>
                                    <div class="addthis_toolbox addthis_default_style addthis_32x32_style">
                                        <a class="addthis_button_facebook"></a>
                                        <a class="addthis_button_twitter"></a>
                                        <a class="addthis_button_google_plusone_share"></a>
                                        <a class="addthis_button_pinterest_share"></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>

                    <li class="gallery-item col-sm-6 design">
                        <div class="item">
                            <a href='http://placehold.it/2160x1440' class='image-wrap swipebox col-md-8'>
                                <img alt='' src="http://placehold.it/580x580">
                            </a>
                            <div class="col-md-4">
                                <div class="date-wrap">
                                    <p class="upload-date">Jun 25</p>
                                </div>
                                <div class="image-describe">
                                    <a href='http://placehold.it/2160x1440' class="image-title"><p>Title goes here </p></a>
                                    <a href='#'><small>design</small></a>
                                    <a href="#" class="share-btn">share</a>
                                    <div class="addthis_toolbox addthis_default_style addthis_32x32_style">
                                        <a class="addthis_button_facebook"></a>
                                        <a class="addthis_button_twitter"></a>
                                        <a class="addthis_button_google_plusone_share"></a>
                                        <a class="addthis_button_pinterest_share"></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>

                    <div class="clearfix"></div>

                    <li class="gallery-item col-sm-6 html">
                        <div class="item">
                            <a href='http://placehold.it/2160x1440' class='image-wrap swipebox col-md-8'>
                                <img alt='' src="http://placehold.it/580x580">
                            </a>
                            <div class="col-md-4">
                                <div class="date-wrap">
                                    <p class="upload-date">Jun 25</p>
                                </div>
                                <div class="image-describe">
                                    <a href='http://placehold.it/2160x1440' class="image-title"><p>Title goes here </p></a>
                                    <a href='#'><small>html</small></a>
                                    <a href="#" class="share-btn">share</a>
                                    <div class="addthis_toolbox addthis_default_style addthis_32x32_style">
                                        <a class="addthis_button_facebook"></a>
                                        <a class="addthis_button_twitter"></a>
                                        <a class="addthis_button_google_plusone_share"></a>
                                        <a class="addthis_button_pinterest_share"></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>

                    <li class="gallery-item col-sm-6 design">
                        <div class="item">
                            <a href='http://placehold.it/2160x1440' class='image-wrap swipebox col-md-8'>
                                <img alt='' src="http://placehold.it/580x580">
                            </a>
                            <div class="col-md-4">
                                <div class="date-wrap">
                                    <p class="upload-date">Jun 25</p>
                                </div>
                                <div class="image-describe">
                                    <a href='http://placehold.it/2160x1440' class="image-title"><p>Title goes here </p></a>
                                    <a href='#'><small>design</small></a>
                                    <a href="#" class="share-btn">share</a>
                                    <div class="addthis_toolbox addthis_default_style addthis_32x32_style">
                                        <a class="addthis_button_facebook"></a>
                                        <a class="addthis_button_twitter"></a>
                                        <a class="addthis_button_google_plusone_share"></a>
                                        <a class="addthis_button_pinterest_share"></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>

                    <div class="clearfix"></div>

                    <li class="gallery-item col-sm-6 design">
                        <div class="item">
                            <a href='http://placehold.it/2160x1440' class='image-wrap swipebox col-md-8'>
                                <img alt='' src="http://placehold.it/580x580">
                            </a>
                            <div class="col-md-4">
                                <div class="date-wrap">
                                    <p class="upload-date">Jun 25</p>
                                </div>
                                <div class="image-describe">
                                    <a href='http://placehold.it/2160x1440' class="image-title"><p>Title goes here </p></a>
                                    <a href='#'><small>design</small></a>
                                    <a href="#" class="share-btn">share</a>
                                    <div class="addthis_toolbox addthis_default_style addthis_32x32_style">
                                        <a class="addthis_button_facebook"></a>
                                        <a class="addthis_button_twitter"></a>
                                        <a class="addthis_button_google_plusone_share"></a>
                                        <a class="addthis_button_pinterest_share"></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>

            </ul>

            <div class="pagination"></div>


        </section>

        <footer class='footer'>
            <div class='container'>
                <div class='col-sm-8 col-md-8 col-lg-8'>
                    <h2>Contact info</h2>
                    <p class="footer-info">Vivamus vel lacus eu nunc vehicula ultricies vel vulputate dui. Mauris vehicula mollis mi. Quisque aliquam porta magna, at bibendum magna tempor eget. Donec consequat ipsum in nibh consequat id suscipit libero bibendum. Sed elementum imperdiet magna, convallis dapibus turpis ultricies eu.</p>
                    <div class='col-xs-4 col-sm-4 col-md-3 col-lg-3 contact-info'>
                        <h4><i class='icon-location'></i>Address</h4>
                        <p>V101 West Street, New
                        <br/> 
                        York, NY 12345</p>
                    </div>
                    <div class='col-xs-4 col-sm-4 col-md-3 col-lg-3 contact-info'>
                        <h4><i class='icon-mail'></i>Email</h4>
                        <p>
                        appcorner@gmail.com
                        <br/> 
                        help@appcorner.com</p>
                    </div>
                    <div class='col-xs-4 col-sm-4 col-md-3 col-lg-3 contact-info'>
                        <h4><i class='icon-mobile'></i>Phone</h4>
                        <p>+ 44 1225 324 980
                        <br/> 
                        + 44 1225 324 980</p>
                    </div>
                   
                    <div class='col-sm-12 col-md-12 col-lg-12'>
                        <ul class='social-icon pull-left'>
                            <li><a href="#"><i class='icon-instagram'></i></a></li>
                            <li><a href="#"><i class='icon-dribbble'></i></a></li>
                            <li><a href="#"><i class='icon-tumblr'></i></a></li>
                            <li><a href="#"><i class='icon-linkedin'></i></a></li>
                            <li><a href="#"><i class='icon-pinterest'></i></a></li>
                            <li><a href="#"><i class='icon-googleplus'></i></a></li>
                            <li><a href="#"><i class='icon-facebook'></i></a></li>
                            <li><a href="#"><i class='icon-twitter'></i></a></li>
                        </ul>
                    </div>
                </div>

                <div class='col-sm-4 col-md-4 col-lg-4 mobile-clear'>
                    <h2>Drop us a line</h2>
                    <!-- contact form inputs-->
                    <form id="contact-form" novalidate="" name="contact-form" method="post" >
                        <input type='email' name='user-email' placeholder='Email'>
                        <textarea name="user-message" placeholder="Message"></textarea>
                        <button type="submit" class='btn btn-large btn-success btn-form icon-circled-right btn-animate'>submit</button>
                    </form><!-- end contact form inputs -->
                </div>

                <div class='clearfix'></div>
                <div class='container devider'></div>

                <p class='copy'>© Appcorner, 2013. All rights reserved. Done by Olia Gozha</p>

            </div>
        </footer>
    </div>

    <!-- JavaScript-->
        <!-- jQuery 1.9.1--> 
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
        <script>window.jQuery || document.write('<script src="js/jquery-1.10.1.min.js"><\/script>')</script>
        <!-- Bootstrap 3--> 
        <script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.2/js/bootstrap.min.js"></script>
        <!-- Mobile navigation menu-->
        <script src="js/jquery.mobile.menu.js"></script>
        <!-- Form -->
        <script src="js/jquery.form.js"></script>
        <!-- Waypoint -->
        <script src="js/waypoints.min.js"></script>
        

    <!-- Page specific scritpts-->
        <!-- Swipebox (popup) -->
        <script src="js/jquery.swipebox.js"></script>
        <!-- Pagination -->
        <script src="js/jPages.js"></script>

        <!-- Social share links. -->
        <script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script>
        <script type="text/javascript" src="http://s7.addthis.com/js/300/addthis_widget.js#pubid=ra-525fd5e9061e7ef0"></script>

        <!-- AddThis Button BEGIN
        <script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script>
        <script type="text/javascript" src="http://s7.addthis.com/js/300/addthis_widget.js#pubid=ra-525fd5e9061e7ef0"></script> -->
        <!-- AddThis Button END -->
        

        <!-- Custom -->
        <script src="js/custom.js"></script>

        <script type="text/javascript">
            $(document).ready(function() {
                initGallery2Col();
            });
        </script>

</body>